.mvdetail{
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.mvWrap{
    display: flex;
    position: relative;
}

.mvWrap .back{
    font-size: 20px;
    position:absolute;
    color: #fff;
    padding: .625rem
}

.SomeInfo{
    flex: 1;
    display:flex;
    overflow: auto;
    padding: 1.25rem;
    flex-direction: column;
    text-align: left;
}
.SomeInfo h2 {
    font-weight: 700;
    margin-bottom: .625rem;
}
.SomeInfo i{
    font-size: 12px;
    color: #8a8a8a;
}

.SomeInfo .btnAll{
    display: flex;
    height: 6.25rem;
    justify-content: space-around;
    flex-direction: row;
    margin-bottom: .625rem;
}

.SomeInfo .btnAll .first,.SomeInfo .btnAll .second,.SomeInfo .btnAll .third,.SomeInfo .btnAll .fouth{
    width: 20%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.SomeInfo .btnAll .first .zan{
    color: #000;
    font-size: 1.875rem;
}
.SomeInfo .btnAll .second .shoucang{
    color: #000;
    font-size: 1.875rem;
}
.SomeInfo .btnAll .third .pinglun{
    color: #000;
    font-size: 1.875rem;
}
.SomeInfo .btnAll .fouth .fenxiang{
    color: #000;
    font-size: 1.875rem;
}

.authorInfo{
    height: 3.125rem;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    padding: 0.5rem;
   
}
.authorInfo .authorLeft{
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
}
.authorLeft .imgWrap{
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    margin-right: .625rem;
   
}
.authorLeft .imgWrap img{
    height: 100%;
    width: 100%
}

.authorLeft span{
   font-size: .75rem;
   color: #8a8a8a;
}

.relateRecommond{
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;

}

.relateRecommond h2 {
     font-size: .875rem;
     font-weight: 700;
}

.relateWrap{
    height: 5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: .625rem;

}
.relateImgWrap{
    width: 7.5rem;
    background-color: hotpink;
    border-radius: .625rem;
    overflow: hidden;
}
.relateImgWrap img{
    height: 100%;
    width: 100%
}

.relateInfo{
    display: flex;
    flex: 1;
    color: #000;
    flex-direction: column;
    justify-content: space-between;
    padding: .625rem;
   
}

.relateInfo h4{
    font-size: 14px;
}
.smallInfo{
    display: flex;
}
.smallInfo i{
    font-size: 12px;
    color: #8a8a8a;
}
.smallInfo span{
    font-size: 12px;
    color: #8a8a8a;
}

.relateMv{
    display: flex;
    flex: 1;
    flex-direction: column;
}